<%--
The Community Project
Copyright Team1 Productions

Joshua Amick
Stephen Cunningham
Thema Davis
Tomika Dawson
Lucie DeCristifaro

This JSP is an implementation of the user interface for the Community Project.  Several
tag libraries and custom libraries are used.

All Rights reserved.
--%>

<%@ page %>
<%@ page contentType="text/html"%>
<%@ page pageEncoding="UTF-8"%>

<%-- jstl taglibs --%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%-- struts taglibs --%>
<%@ taglib prefix="html" uri="http://struts.apache.org/tags-html" %>
<%-- custom taglib by Josh --%>
<%@ taglib prefix="custom" tagdir="/WEB-INF/tags/custom" %>

<c:set var="basePath">
	${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}
</c:set>
<c:set var="servletPath">
	${pageContext.request.servletPath}
</c:set>

<base href="${basePath}/" />

<%-- page content --%>
<custom:frame>
	<c:set var="pageTitle">
		Create
	</c:set>
	<c:if test="${(not empty EDIT)&&(EDIT == 'edit')}">
		<c:set var="pageTitle">
			Edit
		</c:set>
	</c:if>
	<c:choose>
		<c:when test="${PERMISSIONS == 'admin'}">
			<div id="styleTitle">	
				${pageTitle} an Announcement or Event
			</div>
			</br>
		</c:when>
		<c:otherwise>
			<div id="styleTitle">	
				Request An Announcement or Event
			</div>
			</br>
		</c:otherwise>
	</c:choose>
	
	<page:title title="Submit Announcement or Event"/>	
	<html:form action="/SaveAnnouncementOrEventRequest" method="post">
		<div id="styleInfo">
			<c:if test="${not empty INFO}">
				${INFO}
			</c:if>
		</div>
		<div id="styleErrors">
			<c:if test="${not empty ERRORS}">
				${ERRORS}
			</c:if>
		</div>
		Select Type
		</br>
		<html:radio property="annOrEvent" value="Announcement" onchange="hideLoc('ann');" onclick="hideLoc('ann');"/>Announcement</br>
		<html:radio property="annOrEvent" value="Event" onchange="hideLoc('event');" onclick="hideLoc('event');"/>Event</br>
		</br>
		Details</br>
		Start Date and Time</br>
		<html:select property="startYear" value="${FORM.startYear}">
                <html:option value="Year"/>
                <html:option value="2003"/>
                <html:option value="2004"/>
                <html:option value="2005"/>
                <html:option value="2006"/>
                <html:option value="2007"/>
                <html:option value="2008"/>
                <html:option value="2009"/>
                <html:option value="2010"/>
                <html:option value="2011"/>
                <html:option value="2012"/>
                <html:option value="2013"/>
                <html:option value="2014"/>
            </html:select>
			<html:select property="startMonth" value="${FORM.startMonth}">
                <html:option value="Month"/>
                <html:option value="01"/>
                <html:option value="02"/>
                <html:option value="03"/>
                <html:option value="04"/>
                <html:option value="05"/>
                <html:option value="06"/>
                <html:option value="07"/>
                <html:option value="08"/>
                <html:option value="09"/>
                <html:option value="10"/>
                <html:option value="11"/>
                <html:option value="12"/>
            </html:select>
			<html:select property="startDay" value="${FORM.startDay}">
                <html:option value="Day"/>
                <html:option value="01"/>
                <html:option value="02"/>
                <html:option value="03"/>
                <html:option value="04"/>
                <html:option value="05"/>
                <html:option value="06"/>
                <html:option value="07"/>
                <html:option value="08"/>
                <html:option value="09"/>
                <html:option value="10"/>
                <html:option value="11"/>
                <html:option value="12"/>
                <html:option value="13"/>
                <html:option value="14"/>
                <html:option value="15"/>
                <html:option value="16"/>
                <html:option value="17"/>
                <html:option value="18"/>
                <html:option value="19"/>
                <html:option value="20"/>
                <html:option value="21"/>
                <html:option value="22"/>
                <html:option value="23"/>
                <html:option value="24"/>
                <html:option value="25"/>
                <html:option value="26"/>
                <html:option value="27"/>
                <html:option value="28"/>
                <html:option value="29"/>
                <html:option value="30"/>
                <html:option value="31"/>
            </html:select>&nbsp;
		<html:select property="startHour" value="${FORM.startHour}">
                <html:option value="Hour"/>
                <html:option value="01"/>
                <html:option value="02"/>
                <html:option value="03"/>
                <html:option value="04"/>
                <html:option value="05"/>
                <html:option value="06"/>
                <html:option value="07"/>
                <html:option value="08"/>
                <html:option value="09"/>
                <html:option value="10"/>
                <html:option value="11"/>
                <html:option value="12"/>
            </html:select>
            :
			<html:select property="startMinutes" value="${FORM.startMinutes}">
                <html:option value="Minutes"/>
                <html:option value="00"/>
                <html:option value="05"/>
                <html:option value="10"/>
                <html:option value="15"/>
                <html:option value="20"/>
                <html:option value="25"/>
                <html:option value="30"/>
                <html:option value="35"/>
                <html:option value="40"/>
                <html:option value="45"/>
                <html:option value="50"/>
                <html:option value="55"/>
            </html:select>&nbsp;
			<html:select property="startAmOrPm" value="${FORM.startAmOrPm}">
                <html:option value="Am or Pm"/>
                <html:option value="am"/>
                <html:option value="pm"/>
            </html:select></br></br>
		End Date and Time</br>	
		<html:select property="endYear" value="${FORM.endYear}">
                <html:option value="Year"/>
                <html:option value="2003"/>
                <html:option value="2004"/>
                <html:option value="2005"/>
                <html:option value="2006"/>
                <html:option value="2007"/>
                <html:option value="2008"/>
                <html:option value="2009"/>
                <html:option value="2010"/>
                <html:option value="2011"/>
                <html:option value="2012"/>
                <html:option value="2013"/>
                <html:option value="2014"/>
            </html:select>
			<html:select property="endMonth" value="${FORM.endMonth}">
                <html:option value="Month"/>
                <html:option value="01"/>
                <html:option value="02"/>
                <html:option value="03"/>
                <html:option value="04"/>
                <html:option value="05"/>
                <html:option value="06"/>
                <html:option value="07"/>
                <html:option value="08"/>
                <html:option value="09"/>
                <html:option value="10"/>
                <html:option value="11"/>
                <html:option value="12"/>
            </html:select>
			<html:select property="endDay" value="${FORM.endDay}">
                <html:option value="Day"/>
                <html:option value="01"/>
                <html:option value="02"/>
                <html:option value="03"/>
                <html:option value="04"/>
                <html:option value="05"/>
                <html:option value="06"/>
                <html:option value="07"/>
                <html:option value="08"/>
                <html:option value="09"/>
                <html:option value="10"/>
                <html:option value="11"/>
                <html:option value="12"/>
                <html:option value="13"/>
                <html:option value="14"/>
                <html:option value="15"/>
                <html:option value="16"/>
                <html:option value="17"/>
                <html:option value="18"/>
                <html:option value="19"/>
                <html:option value="20"/>
                <html:option value="21"/>
                <html:option value="22"/>
                <html:option value="23"/>
                <html:option value="24"/>
                <html:option value="25"/>
                <html:option value="26"/>
                <html:option value="27"/>
                <html:option value="28"/>
                <html:option value="29"/>
                <html:option value="30"/>
                <html:option value="31"/>
            </html:select>&nbsp;	
		<html:select property="endHour" value="${FORM.endHour}">
                <html:option value="Hour"/>
                <html:option value="01"/>
                <html:option value="02"/>
                <html:option value="03"/>
                <html:option value="04"/>
                <html:option value="05"/>
                <html:option value="06"/>
                <html:option value="07"/>
                <html:option value="08"/>
                <html:option value="09"/>
                <html:option value="10"/>
                <html:option value="11"/>
                <html:option value="12"/>
            </html:select>
            :
			<html:select property="endMinutes" value="${FORM.endMinutes}">
                <html:option value="Minutes"/>
                <html:option value="00"/>
                <html:option value="05"/>
                <html:option value="10"/>
                <html:option value="15"/>
                <html:option value="20"/>
                <html:option value="25"/>
                <html:option value="30"/>
                <html:option value="35"/>
                <html:option value="40"/>
                <html:option value="45"/>
                <html:option value="50"/>
                <html:option value="55"/>
            </html:select>&nbsp;
			<html:select property="endAmOrPm" value="${FORM.endAmOrPm}">
                <html:option value="Am or Pm"/>
                <html:option value="am"/>
                <html:option value="pm"/>
            </html:select></br></br>          
		
		<c:choose>
			<c:when test="${empty FORM or FORM.annOrEvent=='Event'}">
				<div id="eventLoc" style="visibility : visible">
					Location&nbsp;<html:text property="location" value="${FORM.location}"/>&nbsp;Required only for an event</br>
				</div>
			</c:when>
			<c:otherwise>
				<div id="eventLoc" style="visibility : hidden">
					Location&nbsp;<html:text property="location" value="${FORM.location}"/>&nbsp;Required only for an event</br>
				</div>
			</c:otherwise>
		</c:choose>
		
		Title&nbsp;<html:text property="title" value="${FORM.title}"/></br>
		
		Description</br><html:textarea property="description" rows="3" cols="28" value="${FORM.description}"/></br>
		Details</br><html:textarea property="details" rows="3" cols="28" value="${FORM.details}"/></br>
		
		 
		<!--Availability		
		</br>
		<html:radio property="availability" value="allUsers"/>All users</br>
		<html:radio property="availability" value="adminOnly"/>Admins only</br>
		</br>-->
		
		<html:submit value="&nbsp;Submit&nbsp;"/>
		
	</html:form>
	<script type="text/javascript">
		function hideLoc(annOrEvent){
			var loc = document.getElementById('eventLoc');
			if (annOrEvent=="ann")
				loc.style.visibility="hidden";
			else if (annOrEvent=="event")
				loc.style.visibility="visible";		
		}
	</script>
</custom:frame>	
